<template>
    <div class="location-container">
       <div class="location">
         <img src="https://pic.c-ctrip.com/VacationH5Pic/group_travel/index/mendian.png" alt="">
         <span>附近有100家携程门店</span>
         <p>最近距您1.6km<mu-icon value="chevron_right" class="chevron-img"></mu-icon></p>
       </div>

    </div>
</template>

<script>
    export default {
        name: "Homelocation",
        props: [],
        components: {},
        data() {
            return {}
        },
        methods: {},
        mounted: function () {
        },
        watch: {},
        computed: {},
        filters: {},
    }
</script>

<style lang="less" scoped>
  @import "../../../assets/css/index.less";
  .location-container{
    box-sizing: border-box;
    width: @width;
    height: 1.493rem;
    line-height: 1.493rem;
    background-color: @headerbackgroundColor;
    margin:0.26rem 0;
    font-size: @headerFontSize;

  }
  .location {
    display: flex;
    justify-content: center;
    align-items: center;
    padding:@headerpadding;
  }
  .location img{
    width: 0.53rem;
    height: 0.53rem;
  }
  .location span{
    flex: 1;
    margin-left:0.3rem;
  }
  .location p{
    color: #19a0f0;
    font-size: 0.35rem;
  }
  .location .chevron-img{
   vertical-align: middle;
  }
</style>
